<?php echo $this->form ?>

<div id="dlgPronuntiation" dojoType="dijit.Dialog" title="Pronunciación Internacional"
     style="display:none;width:840px;height:600px;overflow:auto;">
    <iframe width="100%" height="540" frameborder="0" id="ifrmDialog" src="<?php echo $this->baseUrl() ?>/js/vifito/ipa/IPA-character-picker.html"></iframe>
</div>

<hr class="clearer" />

<div id="dlgForm" dojoType="dijit.Dialog" title="Engadir definición" style="display: none; width: 640px;">
    <?php echo $this->formDefinition ?>
</div>

<div id="containerDefinitions">
    <h2>Definicións:</h2>

    <button dojoType="dijit.form.Button" style="float: right;">
        <img src="<?php echo $this->baseUrl() ?>/images/mini/add.png" border="0" alt="" />
        Engadir definición
        <script type="dojo/method" event="onClick" args="evt">
            dijit.byId("dlgForm").show();
        </script>
    </button>
    
    <hr class="clearer" />

    <ul id="definitions" class="container"></ul>
</div>

<script type="text/javascript">
/* <![CDATA[ */
dojo.require('vifito.galdic.DefinitionForm');
var df = null;
dojo.addOnLoad(function() {    
    df = new vifito.galdic.DefinitionForm('definitions', dijit.byId("dlgForm"), {
        baseurl: '<?php echo $this->baseUrl() ?>'
    });
});
/* ]]> */
</script>